<!DOCTYPE html>
<!-- <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> -->
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!--360浏览器优先以webkit内核解析-->

		<title>H+ 后台主题UI框架 - 主页示例</title>

		<link rel="shortcut icon" href="favicon.ico" />
		<link href="static/css/bootstrap.min.css?v=3.3.7" rel="stylesheet" />
		<link href="static/css/font-awesome.css?v=4.4.0" rel="stylesheet" />
		<link rel="stylesheet" href="static/js/plugins/layui/css/layui.css">
		<link href="static/css/animate.css" rel="stylesheet" />
		<link href="static/css/style.css?v=4.1.0" rel="stylesheet" />
		<link rel="stylesheet" href="./static/css/jq-style.css">
		<link rel="stylesheet" href="./static/css/jq-index.css">
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			.top{
				background-color: #f5f5f5;
				height: 30px;
				
			}
			.left{
				margin-left: 50px;
				line-height: 30px;
				width: 200px;
				font-size: 14px;
				color: #9a9a9a;
			}
			.list{
				float: right;
			}
			.right{
				padding-left: 100px;
				width: 860px;
				
			}
			.right ul::after {
            display: block;
            content: '';
            clear: both;
       		}
			.right ul li{
				float: left;
				line-height: 30px;
				font-size: 14px;
				padding: 0 8px;
				color: #9a9a9a;
			}
			/* logo部分 */
			.logo div{
				
				
				float: left;
			}
			.logo1{
				width: 160px;
				height: 100px;
				background-image: url(./static/imges/1\ \(2\).png);
				background-position: center;
				background-size: 100%;
				background-repeat: no-repeat;
			}
			.logo div:nth-of-type(2) div{
				float: left;
				margin: 38px 0 35px 15px;
			}
			.logo div:nth-of-type(2) div img{
				width: 20px;
				height: 20px;
			}
			.logo div:nth-of-type(2) div a{
				color: #9a9a9a;
				font-size: 14px;
			}
			
			.search_box div:nth-of-type(1) input{
				border: 2px solid #fa2a83;
				width: 350px;
				height: 30px;
				margin: 35px 0 0 100px;
			}
			.search_box div:nth-of-type(2) button{
				color: white;
				font-size: 15px;
				text-align: center;
				line-height: 32px;
				width: 50px;
				height: 30px;
				background-color: #fa2a83;
				border: 0px;
				margin-top: 35px;
			}
			.search_box div:nth-of-type(1) ul{
				margin-left: 100px;
			}
			.search_box div:nth-of-type(1) ul li{
				float: left;
				color: #9a9a9a;
				font-size: 12px;
				padding-left: 5px;
			}
			.shop_care{
				border: 1px solid #ccc;
				width: 95px;
				height: 30px;
				margin: 35px 0 0 40px;
				padding-top: 5px;
				background-color: #f6f7f9;
			}
			.shop_care a{
				font-size: 14px;
				text-align: center;
			}
			.shop_care div{
				width: 24px;
				height: 16px;
				background-color: #fa2a83;
				border-radius: 10px;
				color: white;
				font-size: 12px;
				text-align: center;
				line-height: 16px;
				float: right;
				margin-right: 3px;
			}
			/* 商品分类 */
			.classify{
				float: left;
				width: 140px;
				background-color: #fa2a83;
				padding: 10px 40px;
			}
			.classify a{
				font-size: 15px;
				color: white;
			}
			
			.bar_list{
				float: left;
			}
			.bar_list ul{
				margin-left: 15px;
			}
			.bar_list ul li{
				float: left;
				font-size: 15px;
				padding: 10px 15px;
			}
			.bar_list ul li a:hover{
				color: #fa2a83;
			}
			.tuijian{
				font-weight: bold;
				color: #fa2a83;
			}
			/* 更多的下拉列表 */
			.gengduo{
				padding: 10px 25px;
				/* margin-left: 50px; */
				position: relative;
				display: inline-block;
			}
			.gengduo_content{
				margin-left: -25px;
				padding-left: 13px;
				display: none;
				position: absolute;
				z-index: 100;
				background-color: white;
				/* background-color: rgb(239, 238, 238); */
				box-shadow: 3px 3px 3px rgb(217, 217, 217);
				width: 100%;

			}
			.gengduo:hover{
				/* background-color: rgb(217, 217, 217); */
				box-shadow: 3px 3px 3px rgb(217, 217, 217);
			}
			.gengduo_content a{
				padding: 10px 10px;
				z-index: 100;
				text-decoration: none;
				display: block;
			}
			.gengduo_content a:hover{
				
				color: #fa2a83;
			}
			.gengduo:hover .gengduo_content{
				display: block;
			}
			.gengduo:hover .gengduo a{
				background-color: #592424;
			}
			.gengduo a{
				font-size: 15px;
				margin-top: 10px;
			}
		</style>
	</head>

	<body>
		<div class="layui-fluid nav top">
			<div class="layui-container">
				<div class="layui-row">
					<div class="layui-col-md3 left">
						广州市
					</div>
					<div class="layui-col-md9 right list">
						<ul>
							<li><a href="">请登录</a></li>
							<li>/</li>
							<li><a href="">注册</a></li>
							<li>/</li>
							<li><a href="">签到有礼</a></li>
							<li>/</li>
							<li><a href="">我的订单</a></li>
							<li>/</li>
							<li><a href="">我的特卖</a></li>
							<li>/</li>
							<li><a href="">会员俱乐部</a></li>
							<li>/</li>
							<li><a href="">客户服务</a></li>
							<li>/</li>
							<li><a href="">手机版</a></li>
							<li>/</li>
							<li><a href="">更多</a></li>
						</ul>
						
					</div>
				</div>
			</div>
		</div>
		<form action="">
			<div class="layui-fluid nav">
				<div class="layui-container logo">
					<div class="logo1"></div>
					<div>
						<div>
							<img src="./static/imges/shouye/正品.png" alt="">
							<a>100%正品</a>
						</div>
						<div><img src="./static/imges/shouye/88包邮.png" alt="">
							<a>88元包邮</a>
						</div>
						<div>
							<img src="./static/imges/shouye/七天无理由退换.png" alt="">
							<a>退换无忧</a>
						</div>
					</div>
					<div class="search_box">
						<div>
							<input type="text" name="" id="" placeholder="斯凯奇SKECHERS">
							<ul>
								<li><a href="">按摩仪器</a></li>
								<li>|</li>
								<li><a href="">书桌</a></li>
								<li>|</li>
								<li><a href="">洗衣皂</a></li>
								<li>|</li>
								<li><a href="">绞肉机</a></li>
								<li>|</li>
								<li><a href="">男士套装</a></li>
								<li>|</li>
								<li><a href="">男士打底背心</a></li>
							</ul>
						</div>
						<div>
							<button>搜索</button>
							<!-- <input type="button" value="搜索"> -->
							</div>
					</div>
					<div class="shop_care">
						<img src="./static/imges/shouye/购物袋.png" alt="">
						<a href="">购物袋</a>
						<div>0</div>
					</div>
				</div>
			</div>
		</form>
		<div class="layui-fluid nav">
			<div class="layui-container bar">
				<div class="classify">  
						<a>商品分类</a>
						<ul class="category-option">
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">女装/男装/内衣</a>
							</li>
							<li class="cat-item ">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<a class="txt" href="#">女鞋/男鞋/箱包</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">护肤彩妆/个护</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">运动户外</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">家电数码</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">母婴童装</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">手表配饰</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">居家用品</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">唯品生活</a>
							</li>
							<li class="cat-item">
								<div class="sub-cat clearfix">
									<div class="sub-cat-links Left">
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>卧室</a>
											</li>
											<li class="Left sub-content">
												<a href="#" style="color:#cf000e !important">床</a>
												<a href="#">床垫</a>
												<a href="#">美规床</a>
												<a href="#">美国进口床垫</a>
												<a href="#">床头柜</a>
												<a href="#">衣柜</a>
												<a href="#">斗柜</a>
												<a href="#">妆台镜/妆凳</a>
												<a href="#">穿衣镜/衣帽架</a>
												<a href="#">床尾凳</a>
												<a href="#" style="color:#cf000e !important">卧室套装</a>
											</li>
										</ul>
										<ul class="sub-group clearfix">
											<li class="Left sub-title">
												<a href="#"><i class="i-t"></i>热门搜索</a>
											</li>
											<li class="Left sub-content last">
												<a href="#" style="color:#cf000e !important">实木床</a>
												<a href="#">布艺床</a>
												<a href="#">乳胶床垫</a>
												<a href="#">进口床垫</a>
												<a href="#" style="color:#cf000e !important">简美床</a>
												<a href="#">欧式床</a>
												<a href="#">美式床</a>
												<a href="#">榻榻米床</a>
												<a href="#">高箱床</a>
												<a href="#">床板床</a>
												<a href="#">排骨架床</a>
												<a href="#">真皮床</a>
												<a href="#" style="color:#cf000e !important">趟门衣柜</a>
												<a href="#">拉门衣柜</a>
												<a href="#">四门衣柜</a>
											</li>
										</ul>
									</div>
									<div class="sub-cat-brand Left">
										<h6>推荐品牌</h6>
										<div class="tag">
											<a href="#">韩菲尔</a>
											<a href="#" style="color:#cf000e !important">卡富亚</a>
											<a href="#">北欧悠歌</a>
											<a href="#">慕娅</a>
											<a href="#">艾玛诗</a>
											<a href="#" style="color:#cf000e !important">美宜经典</a>
											<a href="#">彼岸阳光</a>
											<a href="#">苏美尔</a>
											<a href="#">迪诺迪奥</a>
											<a href="#">达美风情</a>
											<a href="#">凤凰天</a>
										</div>
										<a href="#"><img src="statics/images/2.jpg" width="190" height="260">
										</a>
									</div>
								</div>
								<!-- <i class="icon i0"></i> -->
								<a class="txt" href="#">医药健康</a>
							</li>
						</ul>
				</div>

				<div class="bar_list">
					<ul>
						<li class="tuijian"><a href="">推荐</a></li>
						<li><a href="">3折疯抢</a></li>
						<li><a href="">唯品快枪</a></li>
						<li><a href="">唯品奢</a></li>
						<li><a href="">女装</a></li>
						<li><a href="">运动</a></li>
						<li><a href="">鞋包</a></li>
						<li><a href="">母婴</a></li>
						<li><a href="">男装</a></li>
						<li><a href="">美妆</a></li>
						<li><a href="">首饰</a></li>
						<li><a href="">电器</a></li>
					</ul>
				</div>
				<div class="gengduo">
					<a href="">更多</a>
					<div class="gengduo_content">
						<a href="">内衣</a>
						<a href="">百货</a>
						<a href="">食品</a>
						<a href="">家纺</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 查询条件 -->
		<div class="search">
			<!--已选类别-->
			<div class="atp_choosed overflow">
				<div class="left title col666" style="margin-left: 15px;width: 100px;">已选类别：</div>
				<div class="left conn" style="width: 780px;margin-left: 15px"></div>
			</div>
			<!--筛选内容(全部作者)-->
			<div class="scholars-recommend-content att-choose">
				<div class="scholars-choose-box default-box">
					<p class="choose-content left">
						<em>品牌</em>
						<span>学者姓名1（数量）</span>
						<span>学者姓名2（数量）</span>
						<span>学者姓名3（数量）</span>
						<span>学者姓名4（数量）</span>
					</p>
					<div class="scholars-choose-box scholars-choose-box2 left seemorebox" style="width: 990px; margin-left: 0;">
						<div class="title left">品牌</div>
						<ul class="left">
							<li>学者姓名1（数量）</li>
							<li>学者姓名2（数量）</li>
							<li>学者姓名3（数量）</li>
							<li>学者姓名4（数量）</li>
							<li>学者姓名5（数量）</li>
							<li>学者姓名6（数量）</li>
							<li>学者姓名7（数量）</li>
							<li>学者姓名8（数量）</li>
							<li>学者姓名9（数量）</li>
						</ul>
					</div>
					<button class="sch-moreChoose sch-getmore">更多</button>
					<button class="sch-moreChoose">+多选</button>
				</div>
				<div class="scholars-choose-box scholars-choose-box2 choosemorebox">
					<form action="">
						<div class="title left">品牌</div>
						<ul class="left">
							<li><input type="checkbox">学者姓名1（数量）</li>
							<li><input type="checkbox">学者姓名2（数量）</li>
							<li><input type="checkbox">学者姓名3（数量）</li>
							<li><input type="checkbox">学者姓名4（数量）</li>
							<li><input type="checkbox">学者姓名5（数量）</li>
							<li><input type="checkbox">学者姓名6（数量）</li>
							<li><input type="checkbox">学者姓名7（数量）</li>	
							<li><input type="checkbox">学者姓名8（数量）</li>
							<li><input type="checkbox">学者姓名9（数量）</li>					
						</ul>
						<div class="btns left">
							<p><input type="button" class="sure" value="确定"></p>
							<p><input type="reset" class="false" value="取消"></p>
						</div>
					</form>
				</div>	
			</div>
			
			<!--筛选内容(全部领域)-->
			<div class="scholars-recommend-content att-choose">
				<div class="scholars-choose-box default-box">
					<p class="choose-content left">
						<em>品类</em>
						<span>女装</span>
						<span>男装</span>
						<span>鞋包</span>
						<span>母婴</span>
						<span>美妆</span>
						<span>首饰</span>
						<span>电器</span>
					</p>
					<div class="scholars-choose-box scholars-choose-box2 left seemorebox" style="width: 990px; margin-left: 0;">
						<div class="title left">品类</div>
						<ul class="left">
							<li>女上装</li>
							<li>男上装</li>
							<li>女裙装</li>
							<li>男下装</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
							<li>学科领域1（数量）</li>
						</ul>
					</div>
					<button class="sch-moreChoose sch-getmore">更多</button>
					<button class="sch-moreChoose">+多选</button>
				</div>
				<div class="scholars-choose-box scholars-choose-box2 choosemorebox">
					<form action="">
						<div class="title left">品类</div>
						<ul class="left">
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>	
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>	
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>
							<li><input type="checkbox">学科领域1（数量）</li>						
						</ul>
						<div class="btns left">
							<p><input type="button" class="sure" value="确定"></p>
							<p><input type="reset" class="false" value="取消"></p>
						</div>
					</form>
				</div>	
			</div>
			<!--筛选内容(全部研究方向)-->
			<div class="scholars-recommend-content att-choose">
				<div class="scholars-choose-box default-box">
					<p class="choose-content left">
						<em>价格</em>
						<span>研究方向1（数量）</span>
						<span>研究方向2（数量）</span>
						<span>研究方向3（数量）</span>
						<span>研究方向4（数量）</span>
					</p>
					<div class="scholars-choose-box scholars-choose-box2 left seemorebox" style="width: 990px; margin-left: 0;">
						<div class="title left">价格</div>
						<ul class="left">
							<li>研究方向1（数量）</li>
							<li>研究方向2（数量）</li>
							<li>研究方向3（数量）</li>
							<li>研究方向4（数量）</li>
							<li>研究方向5（数量）</li>
							<li>研究方向6（数量）</li>
							<li>研究方向7（数量）</li>
							<li>研究方向8（数量）</li>
							<li>研究方向9（数量）</li>
						</ul>
					</div>
					<button class="sch-moreChoose sch-getmore">更多</button>
					<button class="sch-moreChoose">+多选</button>
				</div>
				<div class="scholars-choose-box scholars-choose-box2 choosemorebox">
					<form action="">
						<div class="title left">价格</div>
						<ul class="left">
							<li><input type="checkbox">研究方向1（数量）</li>
							<li><input type="checkbox">研究方向2（数量）</li>
							<li><input type="checkbox">研究方向3（数量）</li>
							<li><input type="checkbox">研究方向4（数量）</li>
							<li><input type="checkbox">研究方向5（数量）</li>
							<li><input type="checkbox">研究方向6（数量）</li>
							<li><input type="checkbox">研究方向7（数量）</li>	
							<li><input type="checkbox">研究方向8（数量）</li>
							<li><input type="checkbox">研究方向9（数量）</li>					
						</ul>
						<div class="btns left">
							<p><input type="button" class="sure" value="确定"></p>
							<p><input type="reset" class="false" value="取消"></p>
						</div>
					</form>
				</div>	
			</div>
		</div>
		<!-- 商品展示 -->
		<div>

		</div>

		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="statics/js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="./static/js/jq-index.js"></script>
		<script type="text/javascript">

			//左侧分类导航
			$('.category-option .cat-item').hover(function(){$(this).toggleClass('hover')})
			//图片轮播
			jQuery(".scroll-banner").slide({mainCell:".scroll-content",titCell:".scroll-btn span",titOnClassName:"current",effect:"fold",autoPlay:true,delayTime:1000,interTime:3500});
		</script>
	</body>
</html>
